$(function () {
  let obj1 = {
    pagenum: 1,
    pagesize: 10
  }
  let URL = `/my/article/list?pagenum=${obj1.pagenum}&pagesize=${obj1.pagesize}`
  getList(URL)
  function getList(url) {
    axios.get(url)
      .then(res => {
        let tbody = document.querySelector('tbody')
        let data = res.data
        tbody.innerHTML = template('tpl-table', data)
        renderPage(res.data.total, 1)
      })
  }
  function renderPage(total) {
    laypage.render({
      elem: 'pageBox', //注意，这里的 test1 是 ID，不用加 # 号
      count: total, //数据总数，从服务端得到
      limit: obj1.pagesize,
      curr: obj1.pagenum,
      jump: function (obj, first) {
        //obj包含了当前分页的所有参数，比如：
        // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        // console.log(obj.limit); //得到每页显示的条数
        obj1.pagenum = obj.curr
        obj1.pagesize = obj.limit
        //首次不执行
        if (!first) {
          getList(URL)
        }
      }
    });
    // 删除
    let btn_delete = document.querySelectorAll('.btn-delete')
    btn_delete.forEach(item => {
      item.addEventListener('click', function () {
        let id = this.getAttribute('data-id')
        axios.get(`/my/article/delete/${id}`)
          .then(res => {
            getList(URL)
          })
      })
    })
  }
  // 筛选
  search_form()
  function search_form() {
    form.on('submit(formDemo)', function (data) {
      console.log(data.field);
      getList(`/my/article/list?pagenum=${obj1.pagenum}&pagesize=10&state=${data.field.state}`)
      return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
  }
})